#category-cloud
  margin: 30px 0
  text-align: center
  a
    border: none
    line-height: 28px
    margin: 0 4px
    margin-bottom: 8px
    background: #63a35c
    display: inline-block
    border-radius: 4px
    padding: 0 10px
    color: color-white
    transition: background .5s
    &:hover
      background: rgb(0, 133, 161)
  .category0
    background: #bbe
  .category1
    background: #9cb2e1
  .category2
    background-color: rgba(0, 133, 161, 0.8)

.category-list
  margin-left: 1em
  margin-right: 1em

.category-name
  font-size: 1.4em
  position: relative
  &:before
    content: "#"
    color: color-primary
    position: absolute;
    left: -.7em
    top: -2px
    font-size: 1.2em
    font-weight: 700
    
.category-preview
  font-size: 1.1em
  padding-left: 1em
  li
    cursor: pointer
    margin: 10px 0
